$(function() {
	/*
		购物车鼠标滑过的效果 
	*/
	$(".gwc").hover(function() {
		$(".gwc_span").css({
			'margin-top': '0',
			'display': 'block',
			'box-shadow': '0 15px 30px rgba(0,0,0,0.1)'
		})
	}, function() {
		$(".gwc_span").css({
			'margin-top': '',
			'display': 'none',
			'box-shadow': '0 0 0 rgba(0,0,0,0)'
		})
	})

	/*
	 	实现购物车的功能
	 */
	$("ul li button").click(function() {
			//products
			//从本地中获取	组织的数据
			var productsStr = localStorage["products"];
			if(!productsStr) { //表示目前本地当中还没有创建 数据的容器
				localStorage["products"] = '[]';
			}
			//在添加数据之前必须保证本地有能管理数据的 容器
			//如果容器当中有存在过的该种类的产品，所要做的是改变该产品的数量。  否则，创建该种类对象存放在容器当中。
			//再获取一次，因为productsStr第一次获取的时候，可能是undefined
			productsStr = localStorage["products"]; //获取字符串的json
			var productsObj = JSON.parse(productsStr);
			//[{},{},{}]  //数组对象
			var li = $(this).parent(); //li jquery对象
			var pid = li.attr("pid"); //产品的编号
			//循环遍历容器中的数据，判断是否已经存在该商品，若存在，改变商品的数量。否则，添加一条相关该产品的数据（对象{}）
			for(var i = 0; i < productsObj.length; i++) {
				//表示当前的正则遍历的产品对象
				var currentObj = productsObj[i];
				if(currentObj.pid == pid) { //已经存在该商品
					//改变该商品的数量
					productsObj[i].pCount = parseInt(productsObj[i].pCount) + 1;
					//把改变后的数组的对象转换成 字符串Json存在在本地当中
					localStorage["products"] = JSON.stringify(productsObj);
					return;
				}
			}

			//产品名称
			var pName = li.find("h2").eq(0).text();
			//产品介绍
			var pDesc = li.find("p").eq(1).find("span").eq(0).text();
		//产品价格
		var prcie = li.find("p").eq(2).text();
		//图片路径
		var pImgSrc = li.find("p").eq(3).find("img").eq(0).attr("src");
		//产品描述
		var pBtn = li.find("button").eq(4).text();
		//组织好改产品数据
		var pObj = {
			pid: pid,
			pName: pName,
			pDesc: pDesc,
			prcie: prcie,
			pImgSrc: pImgSrc,
			pBtn: pBtn,
			pCount: 1
		}; productsObj.push(pObj);
		//把改变后的数组的对象转换成 字符串Json存在在本地当中
		localStorage["products"] = JSON.stringify(productsObj);

	})
	
	//读取本地数据
	var productsStr = localStorage["products"];
	if(!productsStr) {
		localStorage["products"] = '[]';
	}
	productsStr = localStorage["products"];
	//转换成数组对象
	var productsObj = JSON.parse(productsStr);
	//productsObj []
	if(productsObj.length == 0) {
		$("购物车里什么都没有，继续逛逛").appendTo($("body"))
	} else {
		for(var i = 0; i < productsObj.length; i++) {
			var currentObj = productsObj[i];
			$('<li>' +
				'<p>"' + currentObj.pImgSrc + '"/></p>' +
				'<h2>' + currentObj.pName + '</h2>' +
				'<p>' + currentObj.prcie + '</p>' +
				'<p>' + currentObj.pCount + '</p>' +
				'</li>').appendTo($(".pList"))
		}
	}
})